<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <div class="box"></div>
</head>

<body>

</body>

</html>
<script>
    // 函数中的 this 是指 当前函数的运行环境 （函数所挂靠的实例对象）
    //用一个函数在不同的环境下执行 实现不同的效果
    function add() {
        console.log(this);
    }
    add()//在此调用函数 查看其this指向 为 Window
    const obj = {
        name:1,
        add,
    }
    obj.add()//在此调用函数 查看其this指向 为 {name: 1, add: ƒ}  // obj
    //只有在函数执行的时候才能判断this 的指向
    
    // super 和 this 的特性一样  super 指向的当前函数运行环境指向的原型
    Object.prototype.age=20
    const obj2 = {
        name :  3,
        fun(){
            console.log(this.name,this.age); //3 20
            console.log(super.naem ,super.age); //undefined 20
        }
    }
    obj2.fun()
    // super 指向向的是 所属类的原型  相当于 Object.pototype
    // this 和 super 的区别 
      //this 指向的是 当前函数的运行环境（函数所挂载的实例对象）
      // super 指向的是 当前函数运行环境所属类原型






</script>